<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="author" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>G4G游戏+扶持计划 - Game for Good</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">

  <!-- build:css styles/vendor.css -->
  <link rel="stylesheet" href="/node_modules/aos/dist/aos.css" type="text/css" />
  <link rel="stylesheet" href="/node_modules/swiper/swiper-bundle.css" type="text/css" />
  <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
  <link rel="stylesheet" href="/node_modules/@fancyapps/ui/dist/fancybox/fancybox.css" type="text/css" />
  <!-- endbuild -->

  <!-- build:css styles/common.css -->
  <link rel="stylesheet" href="styles/common.css">
  <!-- endbuild -->
</head>

<body>
  <!--[if IE]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <header class="header header-translucent fixed-top">
    <nav class="navbar navbar-light navbar-expand-lg" data-bs-theme="dark">
      <div class="container position-relative">
        <a class="navbar-brand" href="index.html" data-aos="fade-down">
          <img src="images/logo.png" alt="Game for Good">
        </a>

        <div class="dropdown search-dropdown ms-auto ms-lg-0 me-3 me-md-5 me-lg-0 order-lg-1" data-bs-theme="light">
          <a class="navbar-text text-white navbar-search-btn" href="javascript:;" data-aos="fade-down">
            <span class="iconfont icon-sousuo-copy"></span>
            <span>搜索</span>
          </a>

          <div class="dropdown-menu border-0 shadow-lg">
            <form autocomplete="off" aria-autocomplete="none">
              <div class="input-group input-group-lg">
                <input class="form-control" type="search" name="" placeholder="输入关键词搜索">
                <button class="btn btn-outline-secondary btn-search" type="submit">
                  <span class="iconfont icon-sousuo-copy"></span>
                </button>
              </div>
            </form>
          </div>
        </div>

        <button class="navbar-toggler" type="button" data-aos="fade-down" data-bs-toggle="offcanvas" data-bs-target="#navbarOffcanvas" aria-controls="navbarOffcanvas" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="offcanvas offcanvas-start text-bg-dark flex-lg-grow-0 mx-lg-auto" tabindex="-1" id="navbarOffcanvas" aria-labelledby="offcanvasLabel">
          <div class="offcanvas-header py-5">
            <h5 class="offcanvas-title" id="offcanvasLabel">
              <img src="images/logo.png" height="34" alt="Game for Good">
            </h5>

            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
          </div>
          <div class="offcanvas-body">
            <ul class="navbar-nav" data-aos="fade-down">
              <li class="nav-item">
                <a class="nav-link" href="index.html">首页</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="games.html">G4G游戏+扶持计划</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="events.html">G4G动态</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="cases.html">案例库</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </nav>
  </header>

  <section class="section section-banner d-flex flex-column">
    <div class="container text-center my-auto">
      <h1 class="display-5 fw-bold" data-aos="fade-up">G4G “游戏+” 扶持计划</h1>
      <p class="hstack justify-content-center my-3 my-md-4 my-lg-5 gap-3 gap-lg-4 gap-xl-5" data-aos="fade-up" data-aos-delay="300">
        <img src="images/icons/icon-game.png" alt="">
        <img src="images/icons/icon-dice.png" alt="">
        <img src="images/icons/icon-horn.png" alt="">
      </p>
      <h5 data-aos="fade-up" data-aos-delay="500">G4G“游戏+”扶持计划是由G4G发起，旨在链接游戏行业和其他行业，推动跨行业的融合发展。</h5>
      <h5 data-aos="fade-up" data-aos-delay="600">希望通过游戏的力量，为社会议题提供创新解决方案，推动社会的进步和发展。</h5>
    </div>
  </section>

  <section class="section section-enroll">
    <div class="container text-center">
      <h4 class="section-title mb-5" data-aos="fade-up">
        <span>报名入口</span>
        <span class="iconfont icon-baoming fs-reset fw-normal"></span>
      </h4>

      <div class="enroll-list d-flex flex-column flex-lg-row" data-aos="fade-up" data-aos-delay="300">
        <div class="enroll-list-item">
          <div class="card card-tint h-100 rounded-4">
            <div class="card-body d-flex flex-column justify-content-center">
              <div class="enroll-list-item-tags">
                <div class="badge text-bg-light p-3 border rounded-pill fw-bold">社会组织</div>
                <div class="badge text-bg-light p-3 border rounded-pill fw-bold">事业单位</div>
                <div class="badge text-bg-light p-3 border rounded-pill fw-bold">科研机构</div>
                <div class="badge text-bg-light p-3 border rounded-pill fw-bold">社会企业</div>
              </div>

              <p class="mb-0 mt-4">
                <a class="btn btn-danger btn-lg w-100 rounded-pill" href="#enrollModal" data-bs-toggle="modal">
                  <span>点击入驻</span>
                  <span class="iconfont icon-jiantou1"></span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="enroll-list-divider">
          <div class="enroll-list-divider-content">
            <img class="img-fluid" src="images/logo-tint.png">
          </div>
        </div>
        <div class="enroll-list-item">
          <div class="card card-tint h-100 rounded-4">
            <div class="card-body d-flex flex-column justify-content-center">
              <div class="enroll-list-item-tags">
                <div class="badge text-bg-light p-3 border rounded-pill fw-bold">游戏研发</div>
                <div class="badge text-bg-light p-3 border rounded-pill fw-bold">游戏发行</div>
              </div>

              <p class="mb-0 mt-4">
                <a class="btn btn-danger btn-lg w-100 rounded-pill" href="#enrollModal" data-bs-toggle="modal">
                  <span>点击入驻</span>
                  <span class="iconfont icon-jiantou1"></span>
                </a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container text-center">
      <h4 class="section-title mb-5" data-aos="fade-up">
        <span>扶持资源</span>
        <span class="iconfont icon-butiefuchi fs-reset fw-normal"></span>
      </h4>

      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-3 g-md-4 g-xl-5">
        <div class="col">
          <div class="card h-100 rounded-5 bg-primary text-light" data-aos="fade-up" data-aos-delay="300">
            <div class="card-body px-3 px-md-4 px-lg-3 px-xl-4">
              <p class="mt-3">
                <img class="img-fluid" src="images/games/action-light-1.png" alt="">
              </p>

              <p>G4G将牵头建立合作伙伴关系深入探索游戏与其他领域的互补性促进游戏化项目的跨界合作，展现游戏多元价值</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100 rounded-5 bg-primary text-light" data-aos="fade-up" data-aos-delay="400">
            <div class="card-body px-3 px-md-4 px-lg-3 px-xl-4">
              <p class="mt-3">
                <img class="img-fluid" src="images/games/action-light-2.png" alt="">
              </p>

              <p>G4G将聚合优质专家资源，为项目提供风险评估、专业指导、前沿探索、行业交流、公开课程等支持</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100 rounded-5 bg-primary text-light" data-aos="fade-up" data-aos-delay="500">
            <div class="card-body px-3 px-md-4 px-lg-3 px-xl-4">
              <p class="mt-3">
                <img class="img-fluid" src="images/games/action-light-3.png" alt="">
              </p>

              <p>G4G将为优秀项目链接投融资资源，或直接提供一次性/持续性的资金帮扶，助力项目落地</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100 rounded-5 bg-primary text-light" data-aos="fade-up" data-aos-delay="600">
            <div class="card-body px-3 px-md-4 px-lg-3 px-xl-4">
              <p class="mt-3">
                <img class="img-fluid" src="images/games/action-light-4.png" alt="">
              </p>

              <p>G4G将为优秀项目提供涵盖行业内外的宣发推广资源，助力项目破圈，提升项目认知和影响力</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section section-process">
    <div class="container text-center">
      <h4 class="section-title mb-5" data-aos="fade-up">
        <span>申报流程</span>
        <span class="iconfont icon-icon_xinyong_xianxing_jijin-245 fs-reset fw-normal"></span>
      </h4>

      <ul class="list-unstyled d-flex flex-column flex-md-row process-list" data-aos="fade-up" data-aos-delay="300">
        <li class="process-item flex-fill d-flex align-items-center justify-content-center">
          <div class="process-item-content border rounded-circle display-6">
            <span class="fs-reset iconfont icon-shenbao"></span>
            <h4 class="fs-reset fw-bold mb-0">申报</h4>
          </div>
        </li>
        <li class="process-item flex-fill d-flex align-items-center justify-content-center">
          <div class="process-item-content border rounded-circle display-6">
            <span class="fs-reset iconfont icon-yupanpinggu"></span>
            <h4 class="fs-reset fw-bold mb-0">评估</h4>
          </div>
        </li>
        <li class="process-item flex-fill d-flex align-items-center justify-content-center">
          <div class="process-item-content border rounded-circle display-6">
            <span class="fs-reset iconfont icon-wj-cpgs"></span>
            <h4 class="fs-reset fw-bold mb-0">公示</h4>
          </div>
        </li>
        <li class="process-item flex-fill d-flex align-items-center justify-content-center">
          <div class="process-item-content border rounded-circle display-6">
            <span class="fs-reset iconfont icon-chuangyefuchi"></span>
            <h4 class="fs-reset fw-bold mb-0">扶持</h4>
          </div>
        </li>
      </ul>
    </div>
  </section>

  <section class="section section-badge">
    <div class="container">
      <div class="row mb-5">
        <div class="col-12 col-lg-10 col-xl-8 offset-lg-1 offset-xl-2">
          <h4 class="section-title text-center mb-5" data-aos="fade-up">
            <span>征集方向</span>
            <span class="iconfont icon-xuqiuzhengji fs-reset fw-normal"></span>
          </h4>

          <div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-between text-center gap-3 mb-4">
            <a href="#" data-aos="fade-up" data-aos-delay="300">
              <img src="images/partners/dunhuang-academy.png">
            </a>
            <a href="#" data-aos="fade-up" data-aos-delay="400">
              <img src="images/partners/tsung-dao.png">
            </a>
          </div>

          <ul class="list-inline text-center" data-aos="fade-up" data-aos-delay="300">
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">传统非遗</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">心理关怀</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">残障互助</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">科技助老</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">动物保护</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">知识科普</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">环境保护</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">儿童权益</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">大健康</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">科技创新</h4>
              </div>
            </li>
            <li class="list-inline-item my-2 me-0">
              <div class="badge text-bg-light p-3 border rounded-pill">
                <h4 class="m-0 h3 fw-bold">待定</h4>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <h4 class="section-title text-center mb-5" data-aos="fade-up">
        <span>评审专家</span>
        <span class="iconfont icon-pingshen fs-reset fw-normal"></span>
      </h4>

      <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-3">
        <div class="col">
          <div class="card h-100 border-0" data-aos="fade-up">
            <div class="card-body">
              <div class="ratio ratio-4x3 mb-3">
                <img class="card-img rounded-3" src="https://via.placeholder.com/400x300">
              </div>
              <h4 class="card-title h3 fw-bold">评审专家</h4>
              <p class="card-text">替换文字替换文字替换文字</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100 border-0" data-aos="fade-up">
            <div class="card-body">
              <div class="ratio ratio-4x3 mb-3">
                <img class="card-img rounded-3" src="https://via.placeholder.com/400x300">
              </div>
              <h4 class="card-title h3 fw-bold">评审专家</h4>
              <p class="card-text">替换文字替换文字替换文字</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100 border-0" data-aos="fade-up">
            <div class="card-body">
              <div class="ratio ratio-4x3 mb-3">
                <img class="card-img rounded-3" src="https://via.placeholder.com/400x300">
              </div>
              <h4 class="card-title h3 fw-bold">评审专家</h4>
              <p class="card-text">替换文字替换文字替换文字</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100 border-0" data-aos="fade-up">
            <div class="card-body">
              <div class="ratio ratio-4x3 mb-3">
                <img class="card-img rounded-3" src="https://via.placeholder.com/400x300">
              </div>
              <h4 class="card-title h3 fw-bold">评审专家</h4>
              <p class="card-text">替换文字替换文字替换文字</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100 border-0" data-aos="fade-up">
            <div class="card-body">
              <div class="ratio ratio-4x3 mb-3">
                <img class="card-img rounded-3" src="https://via.placeholder.com/400x300">
              </div>
              <h4 class="card-title h3 fw-bold">评审专家</h4>
              <p class="card-text">替换文字替换文字替换文字</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <h4 class="section-title text-center mb-5" data-aos="fade-up">
        <span>机构组织</span>
        <span class="iconfont icon-pingshen fs-reset fw-normal"></span>
      </h4>

      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-3 text-center" data-aos="fade-up" data-aos-delay="300">
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/dunhuang-academy.png" alt="">
              </div>

              <h4 class="mb-0">敦煌研究院</h4>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/hongshan-zoo.png" alt="">
              </div>

              <h4 class="mb-0">南京红山森林动物园</h4>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/tsung-dao-lab.png" alt="">
              </div>

              <h4 class="mb-0">李政道图书馆</h4>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/tsung-dao.png" alt="">
              </div>

              <h4 class="mb-0">李政道研究所</h4>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/dunhuang-academy.png" alt="">
              </div>

              <h4 class="mb-0">景德镇</h4>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/shanghai.png" alt="">
              </div>

              <h4 class="mb-0">上海自然博物馆</h4>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/diversability-lab.png" alt="">
              </div>

              <h4 class="mb-0">残障融合实验室</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <h4 class="section-title text-center mb-5" data-aos="fade-up">
        <span>游戏团队</span>
        <span class="iconfont icon-airudiantubiaohuizhi-zhuanqu_youxi fs-reset fw-normal"></span>
      </h4>

      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-3 text-center" data-aos="fade-up" data-aos-delay="300">
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/JOYPIE.jpg" alt="">
              </div>

              <h4 class="my-2">JOYPIE</h4>
              <p class="mb-0">代表作《包青天》《灵笼》 《永续新世界》《党建之路》等</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/EBGame.jpg" alt="">
              </div>

              <h4 class="my-2">东极六感</h4>
              <p class="mb-0">代表作《匠木》 《《二十四节气》</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/l-game.png" alt="">
              </div>

              <h4 class="my-2">乐游科技</h4>
              <p class="mb-0">Perfect3D Engine (PC) 及产品</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/EBGame.jpg" alt="">
              </div>

              <h4 class="my-2">木夕工作室</h4>
              <p class="mb-0">《社畜的代表作《神医》 《名画展》福报》等</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/white-star.png" alt="">
              </div>

              <h4 class="my-2">白星工作室</h4>
              <p class="mb-0">代表作《满庭芳: 宋上繁华》等</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card card-gray h-100 rounded-5">
            <div class="card-body pt-1">
              <div>
                <img class="w-100 object-fit-contain" height="130" src="images/partners/EBGame.jpg" alt="">
              </div>

              <h4 class="my-2">星辰重工</h4>
              <p class="mb-0">代表作《林中人》《长安夜明》</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <footer class="footer bg-dark text-light pt-5 pb-2" data-aos="fade-up">
    <div class="container">
      <div class="row g-3 g-md-4 g-lg-5 mb-5">
        <div class="col-12 col-lg-3">
          <p class="mb-5">
            <img src="images/logo.png" alt="Game for Good">
          </p>

          <p>
            <a class="btn btn-light rounded-4 px-4 py-3" href="#">
              <span class="me-5 me-lg-3 me-xl-5">合作/洽谈</span>
              <span class="d-inline-block align-middle fs-24 lh-1 iconfont icon-24gl-paperPlane"></span>
            </a>
          </p>
        </div>
        <div class="col-12 col-sm-6">
          <h4 class="mb-5 mt-3 fw-bold">Game for Good</h4>

          <div class="mb-3">
            <p class="mb-0">无论是学术研究、社会治理</p>
            <p class="mb-0">还是企业的游戏化创新探索</p>
            <p class="mb-0">我们始终期待产生</p>
            <p class="mb-0">更多元维度上的「游戏社会价值」</p>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 d-flex flex-column align-items-center align-items-sm-end">
          <div>
            <div class="nav nav-tabs border-0 gap-2 mb-3">
              <a class="nav-link p-2 rounded-pill bg-white text-primary lh-1 fs-lg active" href="#qrcode-wechat" data-bs-toggle="tab">
                <span class="iconfont icon-weixin fs-lg"></span>
              </a>
              <a class="nav-link p-2 rounded-pill bg-white text-primary lh-1 fs-lg" href="#qrcode-chat" data-bs-toggle="tab">
                <span class="iconfont icon-bg-chat fs-lg"></span>
              </a>
            </div>

            <div class="tab-content mb-3">
              <div id="qrcode-wechat" class="tab-pane fade show active">
                <div class="card mb-3 border-0 bg-white rounded-3">
                  <div class="card-body p-1">
                    <img src="images/qrcode.jpg" alt="Wechat">
                  </div>
                </div>
              </div>
              <div id="qrcode-chat" class="tab-pane fade">
                <div class="card mb-3 border-0 bg-white rounded-3">
                  <div class="card-body p-1">
                    <img src="images/qrcode.jpg" alt="Chat">
                  </div>
                </div>
              </div>
            </div>

            <p class="mb-0">
              <a class="text-reset" href="mailto:hell@g4g.cn">邮箱: hell@g4g.cn</a>
            </p>
          </div>
        </div>
      </div>

      <hr>

      <p class="text-center">&copy;2023 Game for Good 上海正向数字化技术研究院</p>
      <p class="text-center fs-24">沪ICP备2022029999号-3</p>
    </div>
  </footer>

  <!-- enroll modal -->
  <div class="modal fade" id="enrollModal" tabindex="-1" aria-labelledby="enrollModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl">
      <div class="modal-content">
        <div class="modal-body">
          <div class="row row-cols-1 row-cols-lg-3 g-3 g-xl-4">
            <div class="col">
              <a class="card h-100 border-0" href="#orgModal" data-bs-dismiss="modal" data-bs-toggle="modal">
                <div class="card-body">
                  <p class="text-center">
                    <img src="images/icons/icon-org.png">
                  </p>
                  <h4 class="fw-bold text-center">我是<br>相关机构</h4>

                  <p class="mt-4 opacity-75">中国大陆机构民政部门登记的基金会、社会团体与民办非企业单位等公益性社会组织; 以社会公益为目的由国家机关举办或者其他组织利用国有资产举办的，从事教育、科技、文化、卫生等活动的社会服务组织，科研单位高等教育事业单位、文物事业单位、社会福利单位、群众文化事业单位、环境保护单位等等；</p>
                </div>
              </a>
            </div>
            <div class="col">
              <a class="card h-100 border-0" href="#teamModal" data-bs-dismiss="modal" data-bs-toggle="modal">
                <div class="card-body">
                  <p class="text-center">
                    <img src="images/icons/icon-dev.png">
                  </p>
                  <h4 class="fw-bold text-center">我是<br>游戏研发</h4>

                  <p class="mt-4 opacity-75">有参与社会议题意愿，具备游戏研发能力的个人、团队。</p>
                </div>
              </a>
            </div>
            <div class="col">
              <a class="card h-100 border-0" href="#teamModal" data-bs-dismiss="modal" data-bs-toggle="modal">
                <div class="card-body">
                  <p class="text-center">
                    <img src="images/icons/icon-dis.png">
                  </p>
                  <h4 class="fw-bold text-center">我是<br>游戏发行</h4>

                  <p class="mt-4 opacity-75">有成熟发行游戏，期望探索游戏跨界合作的游戏发行团队。</p>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- org modal -->
  <div class="modal fade" id="orgModal" tabindex="-1" aria-labelledby="orgModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-body p-md-4 p-lg-5">
          <form autocomplete="off">
            <div class="mb-3">
              <label class="form-label fw-bold">机构名称</label>
              <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="">
            </div>
            <div class="mb-3">
              <label class="form-label fw-bold">机构介绍</label>
              <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="">
            </div>
            <div class="mb-3">
              <label class="form-label fw-bold">需求背景</label>
              <textarea class="form-control form-control-lg bg-body-tertiary" name="" placeholder=""></textarea>
            </div>
            <div class="mb-3">
              <label class="form-label fw-bold">提供资源</label>
              <textarea class="form-control form-control-lg bg-body-tertiary" name="" placeholder=""></textarea>
            </div>
            <div class="mb-5">
              <label class="form-label fw-bold">联系方式</label>
              <div class="row row-cols-2 g-3">
                <div class="col">
                  <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="姓名">
                </div>
                <div class="col">
                  <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="职位">
                </div>
                <div class="col">
                  <input type="tel" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="手机号">
                </div>
                <div class="col">
                  <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="微信号">
                </div>
              </div>
            </div>

            <div class="w-50 mx-auto">
              <button class="btn btn-danger btn-lg w-100" type="submit">
                <span>立即入驻</span>
                <span class="iconfont icon-jiantou1"></span>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <!-- team modal -->
  <div class="modal fade" id="teamModal" tabindex="-1" aria-labelledby="teamModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-body p-md-4 p-lg-5">
          <form autocomplete="off">
            <div class="mb-3">
              <label class="form-label fw-bold">团队名称</label>
              <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="">
            </div>
            <div class="mb-3">
              <label class="form-label fw-bold">团队介绍</label>
              <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="">
            </div>
            <div class="mb-3">
              <label class="form-label fw-bold">项目介绍</label>
              <textarea class="form-control form-control-lg bg-body-tertiary" name="" placeholder=""></textarea>
            </div>
            <div class="mb-3">
              <label class="form-label fw-bold">感兴趣的方向</label>
              <textarea class="form-control form-control-lg bg-body-tertiary" name="" placeholder=""></textarea>
            </div>
            <div class="mb-5">
              <label class="form-label fw-bold">联系方式</label>
              <div class="row row-cols-2 g-3">
                <div class="col">
                  <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="姓名">
                </div>
                <div class="col">
                  <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="职位">
                </div>
                <div class="col">
                  <input type="tel" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="手机号">
                </div>
                <div class="col">
                  <input type="text" class="form-control form-control-lg bg-body-tertiary" name="" placeholder="微信号">
                </div>
              </div>
            </div>

            <div class="w-50 mx-auto">
              <button class="btn btn-danger btn-lg w-100" type="submit">
                <span>立即入驻</span>
                <span class="iconfont icon-jiantou1"></span>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <!-- build:js scripts/vendor.js -->
  <script type="text/javascript" src="/node_modules/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" src="/node_modules/aos/dist/aos.js"></script>
  <script type="text/javascript" src="/node_modules/swiper/swiper-bundle.min.js"></script>
  <script type="text/javascript" src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="/node_modules/@fancyapps/ui/dist/fancybox/fancybox.umd.js"></script>
  <!-- endbuild -->

  <!-- build:js scripts/common.js -->
  <script src="scripts/common.js"></script>
  <!-- endbuild -->
</body>
</html>
